@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0; max-width:100%;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/*课程介绍 轮播*/
.friend{height:413px;margin:0 auto;overflow:hidden;width:1200px;}
.mr_frbox{height:300px;padding:59px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:120px 10px 0 0;width:28px;}
.mr_frUl{float:left;height:389px;width:1100px;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:120px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{display:inline;float:left;height:280px;width:300px;overflow:hidden;position:relative; margin-left: 10px;}
.mr_frUl ul li a img{/*display:block;*/width:100%;height:280px;}
.mr_zhe{width:300px;position:absolute;top: 0;left:0;right:0; height:280px;}
.mr_zhe_i{bottom: 0; position: absolute;  right: 0; left: 0;}

.mr_zhe_i h1{text-align:center;font-size:182px;height:138px;line-height:138px;margin-top:72px;margin-bottom:64px;font-weight:bold;color:#fff;}
.mr_zhe_p{margin-bottom:13px;}
.mr_zhe_p p{width: 278px; margin: 0 auto;overflow: hidden;height: 138px;}
.mr_zhe_p h3{text-align:center;font-size:15px;font-weight:bold;color:#fff;line-height:30px;}
.mr_zhe_p h3 span{display:block;margin:0 auto;width:260px;font-size:18px;border-bottom:1px solid #f4f4f4;}
.mr_zhe_hover{bottom:-596px;height:200px;position:absolute;width:300px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#0a0a0a;/*实现IE背景透明*/}
.mr_zhe_hover h1{text-align:center;height:40px;line-height:40px;margin:22px 0;color:#fff;}

.tempWrap{ width:988px !important;}


@media (max-width: 800px) {

.friend{height:413px;margin:0 auto;overflow:hidden;width:100%;}
/*课程介绍 轮播*/
.friend{height:241px;margin:0 auto;overflow:hidden;width:100%;}
.mr_frbox{height:215px;padding:0px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:77px 10px 0 0;width:28px;}
.mr_frUl{float:left;height:215px;width:83%;margin-left:-15px;}
.mr_frBtnR{float:right;margin-top:77px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{display:inline;float:left;height:215px;width:300px;overflow:hidden;position:relative; margin-left: 10px;}
.mr_frUl ul li a img{/*display:block;*/width:100%;height:215px;}
.mr_zhe{width:270px;position:absolute;top: 0;left:0;right:0; height:215px;}
.mr_zhe_i{bottom: 0; position: absolute;  right: 0; left: 0;}

.mr_zhe_i h1{text-align:center;font-size:182px;height:138px;line-height:138px;margin-top:72px;margin-bottom:64px;font-weight:bold;color:#fff;}
.mr_zhe_p{margin-bottom:13px;}
.mr_zhe_p p{width: 278px; margin: 0 auto;overflow: hidden;height: 138px;}
.mr_zhe_p h3{text-align:center;font-size:15px;font-weight:bold;color:#fff;line-height:30px;}
.mr_zhe_p h3 span{display:block;margin:0 auto;width:260px;font-size:18px;border-bottom:1px solid #f4f4f4;}
.mr_zhe_hover{bottom:-596px;height:200px;position:absolute;width:300px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#0a0a0a;/*实现IE背景透明*/}
.mr_zhe_hover h1{text-align:center;height:40px;line-height:40px;margin:22px 0;color:#fff;}

.tempWrap{width:100% !important;}


}